<!-- <script src="google.drive.details.html"></script> -->
<!-- <link href="google.drive.details.html"> -->
<style type="text/css">
</style>
<div id='wd_google_drive_temp'>
	<div id='drive_content' style='float: left;'>
	</div>
	<div style='float: left;'>
		<div>22222222222222</div>
		<div>22222222222222</div>
		<div>22222222222222</div>
		<div>22222222222222</div>
		<div>22222222222222</div>
	</div>
	
	<div id='tmp'></div>
	<!-- <div id='sjPic' style='position: fixed; background-color:#ffffff;'>
		<img src="imgs/icons/communities_c_11_11.png">
	</div>
	<div id='con' style='position: fixed; background-color:#ffffff;'>
		aaaaaaaaaaaaaaaaaaaaaaaaaaaaa <br>
		bbbbbbbbbbbbbbbbbb <br>
		ccccccccccc <br>
		cccccccccc <br>
		eeeeeeeeeeee <br>
		ffffffffffffff <br>
	</div> -->
</div>
<script type="text/javascript">
	var wdtest = function () {
		var winElem = $("#wd_google_drive_temp");
		return {
			open: function () {
				$("#drive_content").append('<div><div style="float: left;"><img src="imgs/icons/main_big_a_40_40.png" alt=""></div><div style="float: left;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div><div style="float: left;"><img class="cImg" src="imgs/icons/main_documents_g_20_20.png" style="border: 1px solid;" alt="" /></div></div>');
				for (var i = 0; i < 20; i++) {
					$("#drive_content").append('<div style="clear: both;"><div style="float: left;"><img src="imgs/icons/main_big_a_40_40.png" alt=""></div><div style="float: left;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div><div style="float: left;"><img class="cImg" src="imgs/icons/main_documents_g_20_20.png" style="border: 1px solid;" alt="" /></div></div>');
				}

				winElem.kendoWindow({width:'768px', height: '300px', title: 'drive', modal: true, visible:false, resizable: false, draggable: true, actions:["Close"]
		        });
		        winElem.data("kendoWindow").center();
				winElem.data("kendoWindow").open();
				winElem.slimScroll({
                        wheelStep : 20,
                        height : 400,
                        start : 'top',
                        disableFadeOut:true,
                        touchScrollStep : 50
                    });
				$("#tmp").load("html/google.drive.details.html");

				$("#drive_content img.cImg").click(function () {
					// wdtest.clickEven(this, '');
					googleDriveDetailsFun.showDetails({elem: this, winHeight: 420, 'topOffset': 31, bottomOffset: 10});
				});
			}
			// ,
			// clickEven: function (_elem, _parentElem) {
			// 	var left = $(_elem).position().left + $(_elem).width(), top = $(_elem).position().top, wh = $("#wd_google_drive_temp").height(), picTop, detailHeight = $("#con").height();

			// 	picTop = top + detailHeight > wh ? wh - detailHeight : top;

			// 	$("#sjPic").css({'top': top, 'left': left}); 
			// 	$("#con").css({'top': picTop,'left': left + $("#sjPic").width()});
			// }
		}
	}();
</script>